import { List, Radio, Typography } from 'antd'
import prices from '../../helpers/price'

const { Title } = Typography

export default function FilterByPrice(props) {
const onchange = e => props.handleFilter(e.target.value)
    return (
        <>
            <Title level={5}>按照价格筛选</Title>
            <Radio.Group onChange={onchange}>
                <List dataSource={prices} renderItem={item => (<List.Item>
                    <Radio value={item.array}>{item.name}</Radio>
                </List.Item>)} />
            </Radio.Group>
        </>
    )
}